﻿/*base layout*/
html, body, form
{
	width: 100%;
	height: 90%;
	margin: 0;
	padding: 0;
    padding-bottom:20px;
	background: #0e0e0e;
	font-family: "Segoe UI" , Arial, sans-serif;
}

a {
    color: #4466FF;
}

footer {
    position: fixed;
    bottom: 0px;
}

.box
{
	background: #0e0e0e url('../Images/logo_vb2.png') 0 0 no-repeat;
	padding-top: 86px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	top: 0;
	width: 1252px;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
}

.content
{
	margin-top: -120px;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
	background: #0e0e0e url('../Images/content.png') repeat-x 0 0;
}

.container {
    color: #DCDCDC;
    position: absolute;
    margin-top:20px;
    overflow-y:auto;
    height:78%;
    width: 1252px;
}

/* TabStrip Styles */
.tabStripHeader {
    margin-top: 0px;
}

#ViewChooser
{
    display: inline-block;
	margin-left: 259px;
}

#ViewChooser .rtsLink:hover .rtsTxt
{
	color: #9EDA29;
}

#ViewChooser .rtsImg, #AboutToolbar .rtbIcon
{
	width: 17px;
	height: 17px;
}

* + html #ViewChooser .rtsImg
{
	margin-top: 1px;
}

* html #ViewChooser .rtsImg
{
	margin-top: 1px;
}

#ViewChooser .HomeTab .rtsImg,
#ViewChooser .ResumeTab .rtsImg,
#ViewChooser .DemosTab .rtsImg,
#ViewChooser .DancersDBTab .rtsImg,
#ViewChooser .PhysicsTab .rtsImg,
#ViewChooser .ContactTab .rtsImg
{
    background-repeat: no-repeat;
}

#ViewChooser .HomeTab .rtsImg
{
    background-position: 0 0;
}

#ViewChooser .ResumeTab .rtsImg
{
    background-position: 0 -17px;
}

#ViewChooser .DancersDBTab .rtsImg
{
    background-position: 0 -34px;
}

#ViewChooser .DemosTab .rtsImg
{
    background-position: 0 -51px;
}

#ViewChooser .PhysicsTab .rtsImg
{
    background-position: 0 -68px;
}

#ViewChooser .ContactTab .rtsImg
{
    background-position: 0 -85px;
}

#ViewChooser .HomeTab:hover .rtsImg, #ViewChooser .SelectedHomeTab .rtsImg
{
	background-position: -17px 0;
}

#ViewChooser .ResumeTab:hover .rtsImg, #ViewChooser .SelectedResumeTab .rtsImg
{
	background-position: -17px -17px;
}

#ViewChooser .ResumeTab:hover .rtsImg, #ViewChooser .SelectedDemosTab .rtsImg
{
	background-position: -17px -34px;
}

#ViewChooser .DancersDBTab:hover .rtsImg, #ViewChooser .SelectedDancersDBTab .rtsImg
{
	background-position: -17px -51px;
}

#ViewChooser .PhysicsTab:hover .rtsImg, #ViewChooser .SelectedPhysicsTab .rtsImg
{
	background-position: -17px -68px;
}

#ViewChooser .ContactTab:hover .rtsImg, #ViewChooser .SelectedContactTab .rtsImg
{
	background-position: -17px -85px;
}

/* Contact Info User Control */
/* End Contact Info User Control*/

/* Dancers DB User Control*/
.dancersDBContainer {
    height: 100%;
}

.dancersDBStyle {
    width: 99.5%;
}

.dancersDBExportWord {
    height: 20px;
    margin-right: 5px;
    float: right;
}

.dancersDBButton {
    margin-right: 5px;
    float: right;
}

.dancersDBLoginControls {
    float: right;
}
/* End Dancers DB User Control*/

/* About User Control */
.aboutTreeView {
    float: left;
    width: 18%;
}

.aboutContent {
    float: right;
    width: 81%;
    margin-right: 1%;
    margin-top: -20px;
}

.aboutTextHeader {
    display:inline-block;
    width: 100%;
    text-align: center;
    font-weight:bolder;
}

.aboutTextBody {
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.aboutImage {
    float: right;
    margin-left: 1px;
    margin-right: 1px;

}
/* End About User Control*/

/* Physics User Control*/
/* End Physics User Control*/

/* Resume User Control*/
.resumeContainer {
    font-size: 14px;
}

.resumeDownloadButton {
    float: left;
    margin-bottom: 5px;
}

.resumeTitle {
    font-size: 28px;
    font-weight: 800;
}

.resumeSubTitle {
    font-size: 18px;
}

.resumeSectionHeader {
    font-size: 20px;
    font-weight: 800;
    margin-top: 15px;
}

.resumeSectionSubHeader {
    font-weight: 600;
}

.resumeTechTableColumn {
    width: 200px;
}

.resumeUL, .resumeTable {
    margin-top: 0px;
    margin-bottom: 0px;
}

.resumeProjectDetails {
    margin-left: 20px;
}
/* End Resume User Control */

/* About Demos User Control */
.demoContainer {
    font-size: 14px;
}

.demoSectionHeader {
    font-size: 20px;
    font-weight: 800;
    margin-top: 15px;
}

.demoSectionHeaderSubtitle {
    margin-left: 20px;
    margin-bottom: 5px;
}

.demoSectionSubHeader {
    font-weight: 600;
}

.demoUL {
    margin-top: 0px;
    margin-bottom: 0px;
}

.demoProjectDetails {
    margin-left: 20px;
}
/* End About Demos User Control */


